/* 
  学习目标：使用useEffect- 修改html的title ，让title显示组件的count

*/

// 1. 导入useEffect
import React, { useEffect, useState } from 'react';

export default function App() {
  // 声明count数据
  const [count, setCount] = useState(0);

  // 副作用-修改DOM
  // 2. 调用useEffect  （state变化时，会自动执行）
  // 语法上useEffect( 回调函数 )
  useEffect(() => {
    // 3. 修改DOM
    document.title = count;
  });

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>点我count+1</button>
    </div>
  );
}
